import menuStore from "@/store/menu"
import { useEffect, useState } from "react";
import { Link, Outlet } from "react-router-dom";
import { Layout } from 'tdesign-react';
import MenuAside from '@/components/AppComponents/Aside'
import Aside from "tdesign-react/es/layout/Aside";

const { Header, Content } = Layout;


const App: React.FC = () => {

    const [menu1, setMenu] = useState<any>();

    useEffect(() => {
        setMenu(menu1)
    }, [])

    return (
        <div className="h-full">
            <Layout className="h-full overflow-hidden">
                <Aside style={{ padding: 0 }}>
                    <MenuAside />
                </Aside>
                <Layout className="h-full">
                    <Header></Header>
                    <Layout className="h-full overflow-auto">
                        <Content className="p-[22px] bg-[#f8f9fb;]">
                            <Outlet></Outlet>
                        </Content>
                    </Layout>
                </Layout>
            </Layout>


        </div>
    )
}

export default App